<template>
  <div id="app">
    <router-view v-if="isRouterAlive"></router-view>
  </div>
</template>

<script>
export default  {
  name:  'App',
  provide(){
    return{

      reload: this.reload

    };

  },
  data(){

    return{
      isRouterAlive:true
    }

  },
  methods:{

    reload() {

      this.isRouterAlive=false;
      this.$nextTick(function (){

        this.isRouterAlive=true;

      })

    },

  },
    metaInfo() {
        return {
            title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
            titleTemplate: title => {
                return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
            }
        }
    }
}
</script>
